<%@ page isELIgnored="false" contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no,initial-scale=1.0">
		<title>369云工厂--新闻</title>
		<link rel="stylesheet" href="css/dist/bootstrap.css" />
		<link rel="stylesheet" href="css/dist/bootstrap-theme.min.css" />
		<!--自定义css-->
		<link rel="stylesheet" href="css/style.css" />
	</head>
	<body>
		<div class="wraper">
		    <div class="header-blue header-common">
		        <div class="header-con">
		            <div class="header-logo">
		                <a href="index.action"><img src="img/logo-2.png" alt="" /></a>
		            </div>
		            <div class="nav">
		                <ul>
		                    <li class="nav-item "><a href="index.action">首页</a></li>
		                    <li class="nav-item "><a href="factory.action">云工厂</a></li>
		                    <li class="nav-item"><a href="service.action">服务</a></li>
		                    <li class="nav-item"><a href="activity.action">活动</a></li> 
		                    <li class="nav-item cur"><a href="news.action">新闻</a></li>
		                </ul>
		                <!--移动的滑动-->
		                <div class="move-bg"></div>
		                <!--移动的滑动 end-->
		            </div>
		             <div class="header-right">
		                <a href="#" class="visit visit1" id="visit ">预约参观</a>
		                <a href="#" class="user-center"><img src="img/center.png" alt="云工厂用户中心"></a>
		            </div>
		        </div>
		    </div>
		</div>
		<div class="container container-content">
			<div class="row">
				<div class="col-lg-7 pull-left">
					<div class="news-container">
						<div class="news-breadcrumb">
							<ol>
								<li><a href="#">首页</a></li><li>&gt;</li><li><a href="#">新闻</a></li><li>&gt;</li><li><a href="#"> ${news.newsTitle}</a></li>
							</ol>	
						</div>
						<div class="news-content">
							<div class="news-content-title">
								<h3>${news.newsTitle}</h3>
								<div class="news-content-time"><fmt:formatDate value="${news.newsPublishedTime}" pattern="yyyy-MM-dd HH:mm:ss" />  369云工厂</div>
							</div>
							<div class="news-content-con">
								${news.newsContent}
							</div>
						</div>
					</div>	
				</div>
				<div class="col-lg-3 pull-left news-right-pic">
					<div class="news-right-pic-list">
						<a href="#">
							<img src="images/news-left-pic1.jpg" alt="" class="img-responsive" />
							<p>Mac版工商银行插件：可支持多种金融服务</p>
						</a>
					</div>	
					<div class="news-right-pic-list">
						<a href="#">
							<img src="images/news-left-pic2.jpg" alt="" class="img-responsive" />
							<p>Mac版工商银行插件：可支持多种金融服务</p>
						</a>
					</div>	
					<div class="news-right-pic-list">
						<a href="#">
							<img src="images/news-left-pic3.jpg" alt="" class="img-responsive" />
							<p>Mac版工商银行插件：可支持多种金融服务</p>
						</a>
					</div>	
					
				</div>
			</div>
			
		</div>
		<div class="footerwarp">
			<div class=" container-fluid footer">
				<div class="footer-content">
					<div class="footer-logo">
						<a href="index.action"><img src="img/logo-3.png"></a>
					</div>
					<div class="footer-address">
						<ul>
							<li>北京市海淀区北太平庄路18号城建大厦C座3层</li>
							<li>400-8369-369</li>
							<li>fangchong@datangnet.com.cn</li>
						</ul>	
					</div>
					<div class="footer-erweima">
						<img src="img/erweima.png" alt="云工厂" />
					</div>
				</div>
			</div>
			<div class="container-fluid footer-bottom text-center">
				© 2016 Copyrights by datangnet - All rights reserved.
			</div>
		</div>
		<script type="text/javascript" src="js/dist/jquery.min.js" ></script>
		<script type="text/javascript" src="js/dist/bootstrap.js" ></script>
		<script type="text/javascript" src="js/dist/jquery.movebg.js" ></script>
		<script type="text/javascript">
			$(function(){
				$(".nav").movebg({
					width:55/*滑块的大小*/,
					extra:40/*额外反弹的距离*/,
					speed:300/*滑块移动的速度*/,
					rebound_speed:400/*滑块反弹的速度*/
				});
			})
		</script>
	</body>
</html>
